import { useHistory } from 'react-router-dom'

// 普通组件、【路由组件】
export default function SongList(props) {
  const history = useHistory()
  const goMyMusic = () => {
    // history.push('/mymusic')
    history.push({ pathname: '/mymusic' })
  }
  // !路由组件，props 就包含路由信息
  // !如果此组件作为普通组件去使用，props 中就不能直接拿到路由信息了
  /* const goMyMusic = () => {
    props.history.push('/mymusic')
  } */
  return (
    <div>
      <h3>SongList</h3>
      <button onClick={goMyMusic}>MyMusic</button>
    </div>
  )
}
